<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
		<link href="./styles.css" rel="stylesheet" type="text/css" />
		<title>LocaWeb - Locações Online</title>
	</head>
	<body>
		<div class="page">
			<div class="head">
				<div class="head_principal">
					<img src="pics/main_img.png" />
					<h1>LocaWeb</h1> <br /><br /><br />Locações Online<br /><br /><br />
				</div>
				<dir class="menu_horizonal">
					<a href="index.html">
						<img src="pics/icon_home.png" title="Home" />
					</a>
					<a href="filmes.html">
						<img src="pics/icon_movie.png" title="Filmes" />
					</a>
					<a href="shop.html">
						<img src="pics/icon_car.png" title="Carrinho" />
					</a>
					<a href="account.html">
						<img src="pics/icon_person.png" title="Minha Conta" />
					</a>
					<a href="config.html">
						<img src="pics/icon_conf.gif" title="Configurações" />
					</a>
					<form action="" method="post">
						<input maxlength="20" type="text" name="login" value="Login" onfocus="if (this.value=='Login') this.value='';" onblur="if (this.value=='') this.value='Login'"/>
						<input maxlength="20" type="password" name="senha" value="Senha" onfocus="if (this.value=='Senha') this.value='';" onblur="if (this.value=='') this.value='Senha'"/>
						<input type="submit" value="Logar"/>
					</form>
				</dir>
			</div>
			<div class="body">
				<div class="conteudo">
					<h3>Carrinho de Locação de Filmes</h3>
					<div class="box">
						<script>
							function mostra(img){
								document.getElementById(img).style.visibility='visible';
							}
							function esconde(img){
								document.getElementById(img).style.visibility='hidden';
							}
							function cancelar_locacao(){
								if (confirm('Deseja realmente cancelar a locação?')){
									
								}
							}
						</script>
						<table>
							<tr><th>Código</th><th>Título</th><th>Preço (R$)</th><th>-</th><th>-</th></tr>
							<tr id="1" onmouseout="esconde('div'+this.id);" onmouseover="mostra('div'+this.id);"><td><img class="img_busca" id="div1" src="pics_filmes/watchmencapa_01.jpg" />2553656</td><td>X-Men Origins - Wolverine</td><td>5,00</td>
								<td><a href=""><img title="Visualizar" class="ico" src="pics/icon_movie.png"></a></td>
								<td><a href=""><img title="Remover do Carrinho" class="ico" src="pics/ico_rmv.png"></a></td></tr>
							<tr id="2" onmouseout="esconde('div'+this.id);" onmouseover="mostra('div'+this.id);"><td><img class="img_busca" id="div2" src="pics_filmes/ifd1qr.jpg" />2553589</td><td>Watchmen</td><td>5,00</td>
								<td><a href="wolverine.html"><img title="Visualizar" class="ico" src="pics/icon_movie.png"></a></td>
								<td><a href=""><img title="Remover do Carrinho" class="ico" src="pics/ico_rmv.png"></a></td></tr>						
						</table>
					</div>
					<div class="box">
						<table>
							<tr><td>Total de Filmes</td><td>2</td></tr>
							<tr><td>Total (R$)</td><td>10,00</td></tr>
							<tr><td><button><img src="pics/icon_ok.png" class="ico" />Concluir Locação</button></td><td><button onclick="cancelar_locacao();"><img class="ico" src="pics/ico_rmv.png"/>Cancelar Locação</button></td></tr>
						</table>
					</div>
					<img src="pics/icon_car.png">

				</div>
				<div class="menu">
					<div class="tipo_menu">
						<h3><img src="pics/icon_movie.png"/>Filmes</h3>
						<li><a href="filmes.html">Procurar</a></li>
						<li><a href="cad_filmes.html">Cadastrar</a></li>
					</div>
					<div class="tipo_menu">
						<h3><img src="pics/icon_car.png"/>Locações</h3>
						<li><a href="shop.html">Carrinho</a></li>
						<li><a href="history.html">Histórico</a></li>
					</div>
					<div class="tipo_menu">
						<h3><img src="pics/icon_person.png"/>Pessoal</h3>
						<li><a href="account.html">Visualizar</a></li>
						<li><a href="edit_account.html">Alterar</a></li>
					</div>
					<div class="tipo_menu">
						<h3><img src="pics/icon_conf.gif"/>Gerência</h3>
						<li><a href="cad_cliente.html">Cadastrar Cliente</a></li>
					</div>
				</div>
				<h5>LocaWeb 2009</h5>
			</div>
		</div>
	</body>
</html>
